<%-- 
    Document   : registerPage
    Created on : Nov 17, 2012, 8:05:53 PM
    Author     : minhtrungn
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<script>
    
</script>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">   
    </head>
    <body onload="countCart();">
        <%@include file="/WEB-INF/headerMainPage.jsp" %>
        <div align="center" class="background-main">
            <div class="register">
                <font alignt="center" style="color: #000066; font-weight: bold;">${requestScope.registSuccess}</font>
                <form method ="POST" action="Controller" onsubmit="return validateRegister(this)" id="testForm">
                    <div class="register-div">
                        <label class="register-label">Fullname:</label> 
                        <div class="register-info">
                            <input class="register-info" type="text" name="txtFullname" value="" maxlength="20"
                                   placeholder=" Không có kí tự đặc biệt như: @, # $ % v.v...">*
                        </div>
                        <font class="error" id="fullname" style="color: red"></font>
                    </div>
                    <div class="register-div">
                        <label class="register-label">Username:</label>
                        <div class="register-info">
                            <input class="register-info" type="text" name="txtUsername"
                                   value="" placeholder=" Tên tài khoản ít nhất 6 kí tự" maxlength="15" onchange="username(this.value)">*
                        </div>
                        <font id="txtHint" style="color: red"> ${requestScope.username}</font>
                        <font class="error" id="user" style="color: red"></font>
                    </div>
                    <div class="register-div">
                        <label class="register-label">Password:</label> 
                        <div class="register-info">
                            <input class="register-info" type="password" name="txtPassword"
                                   value="" id="testPass" maxlength="15" placeholder=" Mật khẩu từ 6 đến 10 kí tự">*
                        </div>
                        <font class="error" id="pass" style="color: red"></font>
                    </div>
                    <div class="register-div">
                        <label class="register-label">Confirm Password:</label>
                        <div class="register-info">
                            <input class="register-info" type="password" name="txtConfirm" value="">*
                        </div>
                        <font class="error" id="confirm" style="color: red"></font>
                    </div>
                    <div class="register-div">
                        <label class="register-label"> Email:</label>
                        <div class="register-info">
                            <input class="register-info" type="text" name="txtEmail" value="" maxlength="30" placeholder=" Thư điện tử có dạng ***@***.***">*
                        </div>
                        <font class="error" id="email" style="color: red"></font>
                    </div>
                    <div class="register-div">
                        <label class="register-label">Address:</label>
                        <div class="register-info">
                            <input class="register-info" type="text" name="txtAddress" maxlength="50" value="">
                        </div>
                    </div>
                    <div class="register-div">
                        <label class="register-label">Phone:</label>
                        <div class="register-info">
                            <input class="register-info" type="text" name="txtPhone" maxlength="15"
                                   value="" placeholder=" Số điện thoại từ 10 đến 12 kí số">*
                        </div>
                        <font class="error" id="phone" style="color: red"></font>
                    </div>
                    <div class="register-div">
                        <label class="register-label">Gender:</label>
                        <div class="register-info">
                            <select class="register-info" name="selectGender">
                                <option value="male">Male</option>
                                <option value="female">Female</option>
                            </select>
                        </div>
                    </div>
                    <div align="center" class="register-btn">
                        <button class="register-btn1" type="submit" name="btnAction" value="Register">Register</button>
                        <button class="register-btn2" type="reset" name="btnAction">Reset</button>
                    </div>
                </form>
            </div>
        </div>
        <%@include file="/WEB-INF/footerMainPage.jsp" %>
    </body>
</html>

